.isNext:before {
    position: absolute;
    right: 3%;
    top:25%;
    font-family: 'freshregular';
    content: "<";
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scale(-1);
    color: #000;
    font-size:.6rem;
}
.top{
    width:100%;
    height:44px;
    line-height: 44px;
    background: #2F2F2F;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 0 15px;
    position:fixed;
    top:0;
    z-index: 10;
}
.top .back{
    display: block;
    float: left;
    width:15px;
    height:44px;
    background: url(../img/back.png) no-repeat  center;
    background-size: 15px 20px;
}
.top span{
    position: relative;
    left: 5px;
}
.top .edit{
    float: right;
    display: block;
    color: #fff;
}

.product {
    margin-bottom: 10px;
}
.title{
    height:1rem;
    line-height: 1rem;
    background: #ccc url("../img/kongbai.png") no-repeat 10px center;
    background-size: 20px 20px;
    padding-left: 38px;
    width:50%;
    margin: 0;
}
.title.select{
    background: #ccc url("../img/xuanzhong.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.commodity_box{
    width:100%;
    position: relative;
}
.commodity{
    /*width:100%;*/
    border-top:0;
    font-size: 12px;
    padding: 10px 0 15px 38px;
    overflow: hidden;
    background: #fff url("../img/kongbai.png") no-repeat 10px center;
    background-size: 20px 20px;
    position: absolute;
    left:3%;
    top: 40%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.commodity.select{
    background: #fff url("../img/xuanzhong.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.commodity .img{
    width:30%;
}
.commodity .img img{
    display: block;
    width:100%;
    height:90px;
}
.commodity .detail{
    width:70%;
    padding: 0 7px;
}
.jieshao{
    width:100%;
    height:48px;
    overflow: hidden;
}
.size{
    width:100%;
    height:18px;
    line-height: 18px;
    overflow: hidden;
    color: #CCCCCC;
}
.price_num{
    overflow: hidden;
    margin-right: 5px;
}
.price{
    height: 24px;
    line-height: 35px;
    color: #ec7602;
    font:14px "Microsoft yahei",Arial;
}
.num{
    overflow: hidden;
}
.num span{
    text-align: center;
    line-height: 22px;
}
.num button,.num span{
    float: left;
    width:24px;
    height:24px;
    border: 1px solid #DFDFDF;
    background: #fff;
}
.del{
    width: 60px;
    height: 115px;
    color: #fff;
    background: #FF3B30;
    line-height: 90px;
    text-align: center;
    position: absolute;
    right: -60px;
    top: 1px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.pay, .pay1{
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 1;
    bottom: 0;
    width:100%;
    height:1rem;
    line-height:1rem;
    overflow: hidden;
}
.pay1{
    display: block;   
}
.pay p,.pay a, .pay1 p,.pay1 a{
    display: block;
    float: left;
    font-size: 16px;
}
.pay p, .pay1 p{
    padding-left:10%;
    font:14px "Microsoft yahei",Arial;
    height:1rem;
    line-height: 1rem;
}

.pay a{
    width:30%;
    background: #ff493d;
    color: #fff;
    text-align: center;
}
.pay1 a{
    width:50%;
    background: #3acd17;
    color: #fff;
    text-align: center;
}
.empty{
    display: none;
    margin-top: 55px;

}
.empty img{
    display: block;
    width:120px;
    height:120px;
    margin: 20px auto;
}
.empty p{
    text-align: center;
}

.empty a{
    display: block;
    width:115px;
    height:30px;
    line-height: 28px;
    background: #FDE3E3;
    color: #ED3036;
    border:1px solid #ED3036;
    text-align: center;
    margin:10px auto;
    border-radius: 5px;
}


/*整合*/
@charset "UTF-8";
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}

body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
@import url(swiper3.07.min.css);
body{margin:0}
*{font-family: "微软雅黑";}
a:active,a:hover{outline:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img{vertical-align:middle;border:0}
@-ms-viewport{width:device-width}
html{font-size:50px;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden}
body{font-family:"microsoft yahei";font-size:.28em;line-height:1;color:#333;background-color:#f1f1f1;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1}
.h1,.h2,.h3,h1,h2,h3{margin-top:.28rem;margin-bottom:.14rem}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:.14rem;margin-bottom:.14rem}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:.364rem}
.h2,h2{font-size:.2996rem}
.h3,h3{font-size:.238rem}
.h4,h4{font-size:.175rem}
.h5,h5{font-size:.14rem}
.h6,h6{font-size:.119rem}
h6{margin-top:0;margin-bottom:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#06c1ae;text-decoration:none;outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.react,label.react{display:block;color:inherit;height:100%}
a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}
ul{margin:0;padding:0;list-style-type:none}
hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}
h6,p{line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all}
small,weak{color:#666}
::-webkit-input-placeholder {color:#999;line-height:inherit;} 
:-moz-placeholder {color:#999;line-height:inherit;} 
::-moz-placeholder {color:#999;line-height:inherit;}
em{list-style: none;font-style:normal;}
@font-face {
    font-family:'freshregular';
    src:url('font/fresh-webfont.woff') format('woff'),
         url('font/fresh-webfont.ttf') format('truetype'),
         url('font/fresh-webfont.svg#freshregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix{clear: both;}
/*header public*/

/*product list*/

/*goodsList*/
.goodsPic, .goodsPic-index{
	width:2rem;
	height:2rem;
	display:block;
	float:left;
	text-align:center;
	overflow:hidden;
	/*border:1px #f8f8f8 solid;*/
	border-radius:0;
	margin-left: 13%;
	}
.goodsPic img{width:auto;max-width:100%;height:2rem;}
.goodsPic-index img{width:auto;max-width:100%;height:2rem;}
.goodsInfor{margin-left:2.3rem;position:relative;margin-top: 3%;}
.goodsInfor h2 a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;}
.goodsInfor p{margin:.2rem 0;}
.goodsInfor p .price{    
    border-radius: 0.4rem;
    height: 0.4rem;
    text-align: left;
    line-height: 0.4rem;
    padding: 0 0.1rem;
    }
.goodsInfor p .price1{    
    font-weight: normal;
    font-style: normal;
    text-line-through: inherit;
    height:0.6rem;
    padding:0.05rem 0.2rem;
    background-color:#ec7602;
    border-radius: 1rem;
    color:#fff;
    }
.goodsInfor p .price:before{content:"￥";}

/*.goodsInfor p del{color:grey;}
.goodsInfor p del:before{content:"原价：￥"}*/

.addToCart em{color: #fff;font-family:serif;}
.addToCart-com em{color: #fff;font-family:serif;font-style: normal;}
.decrease em{font-style: normal;}


/*常用规则*/
.con-purchasing{
	width: 100%;
	background-color:#5982c2;
}
.con-pur-header-img img{width: 100%;}
.com-pur-button{
	width:70%;
	height: 0.9rem;
	line-height: 0.9rem;
	text-align: center;
	background: #2fde06;
    background: -moz-linear-gradient(top,  #2ee003 50%, #2ee003 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ee003), color-stop(100%,#2ee003));
    background: -webkit-linear-gradient(top,  #2ee003 0%,#2ee003 100%);
    background: -o-linear-gradient(top,  #2ee003 0%,#2ee003 100%);
    background: -ms-linear-gradient(top,  #2ee003 0%,#2ee003 100%);
    background: linear-gradient(to bottom,  #2ee003 0%,#2ee003 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ee003', endColorstr='#2ee003',GradientType=0 );
	border-radius:1rem;
	color: #FFFFFF;
	font-size: 0.4rem;
	margin: auto;
	margin-top:.5rem;
	}
.com-pur-button a{color: #FFFFFF;}
.com-pur-rule{
	width:74%;
	margin: auto;
	margin-top:0.5rem;
	padding-bottom: 0.3rem;
}
.com-pur-rule li{
	line-height: 0.55rem;
	font-size: 0.31rem;
	color: #fff;
	margin-left: 0.3rem;
}
.com-pur-rule h1{margin-left: -0.3rem;}

/*购物车*/
.right-shocat{
	position: absolute;
	right:6%;
	top: 25%;
	color: #000;
	font-size:0.4rem;
	font-family: "微软雅黑";
	font-weight: normal;
	font-weight: 100;
	z-index: 1000;
}
.right-shocat1{display: none;}
.total{
	text-align: right;
	background-color: #ccc;
	height: 1rem;margin: 0;
	}
.total span{
	display: block;
	float: left;
	text-align: right;
	margin-top:5%;
	
}
.last-total{margin-left:30%;}
.first-total{margin-left: 30%;margin-right: -30%;letter-spacing: 2px;}
.last-total div{font-size: 0.2rem;}
/*style.css里面的样式*/

.tab_proList dd{margin:.23rem 0;}
.tab_proList dd li{
	overflow:hidden;
	/*border-bottom:1px #f1f1f1 dotted;*/
	padding:.15rem 0;
	box-shadow:none;
	margin-top:1;
	margin-bottom:1px;
	border-radius:0;
	background-color: #fff;
	position: relative;
	}



/*数据加减*/
li{ list-style-type: none;}
ul{ padding: 0; margin: 0;}

.decrease{
    border-radius: 50%;
    display: none;
    color: #39b867;
    float: left;
    border: 1px solid #3acd17;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.6rem;
    overflow: hidden;
    position: absolute;
    top:0.4rem;
    right: 1rem;
    font-family: serif;
    z-index: 100;
    box-shadow: 0 2px 2px #9c9c9c;
    background-color: rgba(255,255,255,0);
}
.text_box{
    display: none;
    float: left;
    border: 0;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.38rem;
    text-align: center;
    font-size: 0.35rem;
    position: absolute;
    top:0.35rem;
    right: 0.55rem;
}
.increase{
	border-radius: 50%;
    font-size: 0.6rem;
    background: #3acd17;
    color: #fff;
    float: right;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    margin-left: -1px;
    font-family: serif;
    box-shadow: 0 2px 2px #9c9c9c;
}
.goodsInfor .addToCart{
	position:absolute;
	top:0.4rem;
	right:2%;
	font-family:'freshregular';
	font-size:.55rem;
	color:#f0c600;
	display: none;
	}

.decrease1{
	font-size:14px;
	color: #FF0000;
	position: absolute;
	top:75%;
	right: 3%;
	display: none;
}
.increase1{
	background: #bfbfbf;
	border-radius: 50%;
    font-size: 0.6rem;
    color: #fff;
    float: right;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    margin-left: -1px;
    font-family: serif;
    box-shadow: 0 2px 2px #9c9c9c;
}

/*发票订单*/
.invoiceOrder-list{
	width: 100%;
	background-color: #fff;
	position: relative;
	margin-bottom: 6px;
	padding-bottom:.35rem;
}
.order-details-header{width: 90%;margin: auto;}



.commodity{    
	float: left;
    position: absolute;
    left: 0;
    top: 47%;
    }
.swiper-slide.list-group{float: right;width: 90%;}
.commodity-name{
	width: 90%;
    margin: auto;
    background-color: #f4f4f4;
    padding:3%;
}
.my-order-iphone1.fr.f032.text-right h4 {
    line-height: 1rem;
}
.order-det-time h4 {
    margin-top: 22%;
    font-size: 0.3rem;
}
.order-det-logo{margin-left: 0;}
